{% extends "base.html" %}{% load i18n %}
{% block title %}{% translate "Sync" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Sync with the online site" %}</h1>
    <p>{% translate "This office computer keeps a copy of callers, calls, tickets, prayer requests and follow-ups, and checks with the online site every minute. When the internet is down, keep working here: what you save waits on this computer and goes online by itself when the internet is back." %}</p>
  </div>
  {% if state.server %}
  <form method="post" class="actions">{% csrf_token %}<button class="btn btn-primary" name="action" value="sync">{% translate "Sync now" %}</button></form>
  {% endif %}
</div>

<section class="panel">
  <dl class="facts">
    <dt>{% translate "Internet" %}</dt>
    <dd>{% if not state.server %}{% translate "Not connected yet" %}{% elif state.online %}<span class="pill online">{% translate "Connected" %}</span>{% else %}<span class="pill late">{% translate "No internet" %}</span>{% if state.offline_since %} {% blocktranslate trimmed with time=state.offline_since|date:"j M, H:i" %}since {{ time }}{% endblocktranslate %}{% endif %}{% endif %}</dd>
    <dt>{% translate "Last in step" %}</dt><dd>{% if state.last_ok_at %}{{ state.last_ok_at|date:"j M Y, H:i" }}{% else %}–{% endif %}</dd>
    <dt>{% translate "Last sent online" %}</dt><dd>{% if state.last_sent_at %}{% blocktranslate trimmed count n=state.last_sent_count with time=state.last_sent_at|date:"j M Y, H:i" %}{{ time }}: {{ n }} record{% plural %}{{ time }}: {{ n }} records{% endblocktranslate %}{% else %}–{% endif %}</dd>
    <dt>{% translate "Waiting to go online" %}</dt>
    <dd>{% if waiting %}{% for name, n in waiting %}{{ name }}: {{ n }}{% if not forloop.last %} · {% endif %}{% endfor %}{% else %}{% translate "Nothing: everything saved here is online." %}{% endif %}{% if deletions %} · {% blocktranslate trimmed count n=deletions %}{{ n }} deletion{% plural %}{{ n }} deletions{% endblocktranslate %}{% endif %}</dd>
    {% if state.problem %}<dt>{% translate "Last problem" %}</dt><dd>{{ state.problem }}</dd>{% endif %}
  </dl>
</section>

{% if problems %}
<section class="panel">
  <h2>{% translate "Records that couldn’t go online yet" %}</h2>
  <p class="muted">{% translate "They are tried again every minute. Most wait for another record to go first; if one keeps failing, tell an administrator." %}</p>
  <div class="table-wrap"><table>
    <thead><tr><th>{% translate "Kind" %}</th><th>{% translate "Saved" %}</th><th>{% translate "Tries" %}</th><th>{% translate "Problem" %}</th></tr></thead>
    <tbody>{% for name, p in problems %}<tr><td>{{ name }}</td><td class="nowrap">{{ p.changed_at|date:"j M, H:i" }}</td><td class="num">{{ p.tries }}</td><td>{{ p.problem }}</td></tr>{% endfor %}</tbody>
  </table></div>
</section>
{% endif %}

{% if user.is_superuser %}
<section class="panel">
  <h2>{% translate "Online site" %}</h2>
  <p class="muted">{% translate "Change these only if the online address changed, or a super user made a new connection code (online: Office computer page)." %}</p>
  <form method="post" class="form">{% csrf_token %}
    <div class="form-grid">
      <div class="field"><label for="id_server">{% translate "Online address" %}</label><input id="id_server" name="server" type="text" inputmode="url" autocomplete="off" value="{{ state.server }}" placeholder="https://test.crm.kuhanimusa.co.tz" required></div>
      <div class="field"><label for="id_code">{% translate "Connection code" %}</label><input id="id_code" name="code" type="password" autocomplete="off" placeholder="{% if state.code %}{% translate 'Leave empty to keep the current one' %}{% else %}XXXXX-XXXXX-XXXXX-XXXXX-XXXXX-XXXXX{% endif %}"></div>
    </div>
    <div class="actions"><button class="btn" name="action" value="settings">{% translate "Check and save" %}</button></div>
  </form>
</section>
{% endif %}
{% endblock %}